#home:checked ~ div.footer-container > label:nth-child(1),
#chat:checked ~ div.footer-container > label:nth-child(2),
#shopping-car:checked ~ div.footer-container > label:nth-child(3),
#user:checked ~ div.footer-container > label:nth-child(4) {
    svg {
        path, circle {
            stroke: #f37e2b;

        }

        opacity: 1;
    }

    animation: bounce 1s;
}

#home:checked ~ div.main-container > div {
    left: 0;
}

#chat:checked ~ div.main-container > div {
    left: -100vw;
}

#shopping-car:checked ~ div.main-container > div {
    left: -200vw;
}

#user:checked ~ div.main-container > div {
    left: -300vw;
}

.footer-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer-item {
    svg {
        opacity: 0.7;
        width: 3vh;
        height: 3vh;
    }
}